<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://use.fontawesome.com/be1bdf4993.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <style type="text/css">
        .fa {
            display: inline-block;
            top: 27px;
            left: 6px;
            position: relative;
            color: #ccc;
        }

        input[type="text"],
        input[type="password"] {
            padding-left: 26px;
        }
    </style>
</head>

<body style="background-image: url(img/1818191SXV5.jpg);" style="background-size: cover;">
    <div class="container">
        <div class="row align-items-start">

        </div>
        <div class="row align-items-center" style="float: right;">

            <div class="card" style="width: 30rem;">
                <form class="shadow">
                    <div>
                        <label style="font-size: 1.5rem;" style="font-family: 楷体;" class="top-text">注册系统</label>
                    </div>

                    <div class="form-group">
                        <i class="fa fa-user fa-lg"></i>
                        <input type="text" class="form-control" placeholder="Username" aria-label="Username"
                            aria-describedby="addon-wrapping" name="usrename" id="username">
                    </div>
                    <div class="form-group">
                        <i class="fa fa-lock fa-lg"></i>
                        <input type="text" class="form-control" placeholder="Password" aria-label="Password"
                            aria-describedby="addon-wrapping" name="password" id="username">
                    </div>
                    <div class="form-group">
                        <i class="fa fa-check fa-lg"></i>
                        <input type="text" class="form-control" placeholder="Re-type Your Password"
                            aria-label="Password" aria-describedby="addon-wrapping" name="rePassword" id="rePassword">
                    </div>
                    <div class="register-bottun">
                        <button type="button" class="btn btn-primary">注册</button>
                        <button type="button" class="btn btn-primary">返回</button>
                    </div>


                </form>
            </div>

        </div>
        <div class="row align-items-end">

        </div>
    </div>

    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.6.0.min.js"></script>
    <!-- <script>
        function jump() {
            //获取表单数据
            let uid = $('#username').val();
            let pwd = $('#password').val();
            let confirmpwd = $('#confirmpassword').val();

            //判断用户名，密码是否为空，密码和确认密码是否相等，否，则提示，是，则向服务器提交
            if (uid.length > 0 && pwd.length > 0 && pwd === confirmpwd) {
                axios({
                    method: 'post',
                    url: '/registerDone',
                    data: $('#registerForm').serialize(),
                }).then(function (res) {

                });
            }
        } -->
    </script>
</body>

</html>